#index_box1{
    .form-horizontal{
        margin-top:4vw;
        .index_box_div{
            justify-content: center;
            display:flex;
            align-items: center;
            .index_box_div_top{
                width: 85%;
                .input-group-addon{
                    border: none;
                    background-color: #E5E5E5;
                    border-top-left-radius: 12px;
                    border-bottom-left-radius: 12px;
                }
                .form-control{
                    background-color: #E5E5E5;
                    border: none;
                    border-top-right-radius: 12px;
                    border-bottom-right-radius: 12px;
                    
                }
            }
            .index_box_div_bottom{
                margin-left: 1vw;
                span{
                    width: 5vw;
                    font-size: 25px;
                }
            }
        }
    }
}
#index_box2{
    overflow: hidden;
    height: auto;
    margin: 5vw 0;
    // border: 1px solid red;
    img{
        // width: 330px;
        width: 90vw;
        // margin: 10px 0px;
        border-radius: 12px;
        height: 100vm;
    }
    .swiper {
        width: 90vw;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper-button-next,.swiper-button-prev{
        color: rgba(250, 245, 245, 0.3);
      }
}

#index_box3{
    .index_box3_box_content{
        height: 90px;
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin: 0px auto;
        .iconbox{
            width: 60px;
            height:60px;
            margin-top: 10px;
            .icon{
                font-size: 25px;
                color: white;
            }
            .tc{
                font-size: 2vw;
            }
            .iconbox_icon1{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #0868FF, #0aADFF);
                border-radius: 13px;
            }
            .iconbox_icon2{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #C68AFD, #D84EDE);
                border-radius: 13px;
            }
            .iconbox_icon3{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #FF6D1D, #FFAC04);
                border-radius: 13px;
            }
            .iconbox_icon4{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #AC55FF, #1BAFFF);
                border-radius: 13px;
            }
            .iconbox_icon5{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #FF85CA, #FF4390);
                border-radius: 13px;
            }
            .iconbox_icon6{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #FFA902, #FF6C18);
                border-radius: 13px;
            }
            .iconbox_icon7{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #08B0FF, #9E52FF);
                border-radius: 13px;
            }
            .iconbox_icon8{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #FF88CC, #FF4995);
                border-radius: 13px;
            }
            .iconbox_icon9{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #0065FF, #00A7FF);
                border-radius: 13px;
            }
            .iconbox_icon10{
                margin: 0px auto;
                width: 35px;
                height: 35px;
                background: linear-gradient(to right, #C584FB, #D64EDF);
                border-radius: 13px;
            }
        }
    }
}


#index_box4{
    height:4px;
    background-color: #E5E5E5;
    margin-bottom: 20px;
}
#index_box5{
    .index_box5_pig_01{
        border-radius: 15px;
        background-color: #ffDBdc;
        height: 150px;
        position: relative;
        border: 2px solid white;
        b{
            font-size: 16px;
            position: absolute;
            top: 14px;
        }
        span{
            position: absolute;
            top: 38px;
            font-size: 12px;
        }
        img{
            position: absolute;
            top:80px;
            right: 20px;
            width: 115px;
            height: 54px;
        }
    }
    .index_box5_pig_02{
        height:75px;
        position: relative;
        background-color: #c3dfff;
        border-radius: 15px;
        border: 2px solid white;
        b{
            font-size: 16px;
            position: absolute;
            top: 10px;
        }
        span{
            position: absolute;
            top: 40px;
            font-size: 12px;
        }
        img{
            position: absolute;
            right: 4px;
            top: 15px;
            // width: 78px;
            width: 20vw;
            // height: 50px;
            height: 10vw;
        }
    }
    .index_box5_pig_03{
        height:75px;
        position: relative;
        background-color: #FFFBE3;
        border-radius: 15px;
        border: 2px solid white;
        b{
            font-size: 16px;
            position: absolute;
            top: 10px;
        }
        span{
            position: absolute;
            top: 40px;
            font-size: 12px;
        }
        img{
            position: absolute;
            right: 4px;
            top: 20px;
            // width: 85px;
            width: 20vw;
            height: 40px;
        }
    }
}
#index_box6{
    height:2px;
    background-color: #E5E5E5;
    margin-top: 20px;
}
#index_box7{
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
    .container{
        b{
            // font-size: 18px;
            font-size: 5vw;
        }
        .box7_bottom{
            text-align: right;
            font-size: 4.2vw;
        }
    }
}
#index_box8{
    margin-bottom: 40vw;
    .index_box8_content{
        height: 90px;
        margin-top: 15px;
        position: relative;
        img{
            border-radius: 8px;
            position: absolute;
            width: 127px;
            height: 85px;
        }
        h4{
            position: absolute;
            left: 140px;
            top: 0;
            width: 45vw;
            overflow: hidden; /* 隐藏盒子中超出的文本 */
            text-overflow: ellipsis; /* 当文本过长时显示省略号 */
            white-space: nowrap; /* 禁止文本换行 */
        }
        .index_box8_span1{
            position: absolute;
            left: 140px;
            top:35px;
            span{
                color: #FAD88A;
            }
        }
        .index_box8_span2{
            position: absolute;
            left: 140px;
            top: 60px;
            font-size: 8px;
        }
        .index_box8_div1{
            position: absolute;
            width: 7vw;
            height:7vw;
            line-height: 7vw;
            background: linear-gradient(to top,#FF7103,#FF9C11);
            font-size: 2.5vw;
            color: white;
            text-align: center;
            left: 3vw;
            border-bottom-left-radius: 2vw;
            border-bottom-right-radius: 2vw;
        }
    }
}
#index_box9{
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: white;
    height: 80px;
    width: 100%;
    z-index: 1;
    border-top: 1px solid #E5E5E5;
    .index_box9_content{
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0px auto;
        div{
            width: 40px;
            height:70px;
            margin-top: 10px;
            span{
                width: 40px;
                font-size: 28px;
            }
            div{
                margin-top: 0px;
            }
        }
    }
}
// 适应平板
@media (min-width:768px) and (max-width:992px){
    #index_box1{
        .icon{
            font-size: 3vw;
        }
        input{
            // border: 1px solid red;
            height: 6vw;
            font-size: 3vw;
        }
    }
    #index_box3{
        .index_box3_box_content{
            height:20vw;
            .iconbox{
                width: 15vw;
                height: 15vw;
                font-size: 3vw;
                .tc{
                    // color: red;
                    font-size: 3vw;
                }
                .icon{
                    font-size: 6.7vw;
                }
                .iconbox_icon1,.iconbox_icon2,.iconbox_icon3,.iconbox_icon4,.iconbox_icon5,.iconbox_icon6,.iconbox_icon7,.iconbox_icon8,.iconbox_icon9,.iconbox_icon10{
                    width: 9.4vw;
                    height: 9.4vw;
                }
            }
        }
    }
    #index_box5{
        margin-top: 4vw;
        margin-bottom: 4vw;
        width: 90%;
        .index_box5_pig_01{
            width: 50%;
            height: 25vw;
            b{
                font-size: 4vw;
            }
            span{
                top: 8.6vw;
                font-size: 3vw;
            }
            img{
                top:14vw;
                width: 20vw;
                height: 10vw;
            }
        }
        .index_box5_pig_02{
            width: 50%;
            height: 12vw;
            b{
                font-size: 3.3vw;
            }
            span{
                top: 6vw;
                font-size: 2.5vw;
            }
            img{
                width: 15vw;
                height: 9.7vw;
            }
        }
        .index_box5_pig_03{
            width: 50%;
            height: 12vw;
            b{
                font-size: 3.3vw;
            }
            span{
                top: 6vw;
                font-size: 2.5vw;
            }
            img{
                width: 15vw;
                height: 9.7vw;
            }
        }
    }
    #index_box8{
        height: auto;
        .index_box8_content{
            height: 25vw;
            // border: 1px solid red;
            img{
                width: 35vw;
                height: 25vw;
            }
            h4{
                left: 38vw;
                font-size: 4vw;
            }
            .index_box8_span1{
                position: absolute;
                left: 38vw;
                font-size: 3.5vw;
                top:8vw;
                span{
                    color: #FAD88A;
                    font-size: 3.5vw;
                }
            }
            .index_box8_span2{
                position: absolute;
                left: 38vw;
                top: 15vw;
                font-size: 3vw;
            }
        }
    }
    #index_box9{
        height: auto;
        .index_box9_content{
            div{
                // border: 1px solid red;
                width: 10vw;
                height: 13vw;
                span{
                    font-size: 5.5vw;
                }
                div{
                    font-size: 2.5vw;
                }
            }
        }
    }
}





@media (min-width:992px){
    // 适应电脑
    #index_box3{
        // background-color: yellow;
    }
}
